.headBox{
	display: flex;
	margin: 0.13rem 0.24rem 0 0.3rem;
	justify-content: space-between;
	.left{
		h2{
			font-size: 0.4rem;
			font-weight: 800;
			color: #1E2023;
			position: relative;
			z-index: 10;
		}
		h2::after{
			position: absolute;
			content: '';
			left: 0;
			right: 0;
			bottom: 0;
			width: 1.56rem;
			height: 0.16rem;
			background: #60A7F6;
			opacity: 0.48;
		}
	}
	.right{
		display: flex;
		margin-top: 0.08rem;
		.comment_img{
			width: 0.44rem;
			height: 0.44rem;
		}
		.search_img{
			width: 0.44rem;
			height: 0.44rem;
			margin-left: 0.48rem;
		}
	}
}

.navBox{
	margin-top: 0.16rem;
	display: flex;
	flex-direction: column;
	img{
		height: 5.62rem;
		width: 100%;
	}
	.navUl{
		display: flex;
		justify-content: space-around;
		padding: 0.26rem 0 0.23rem;
		margin: -0.64rem 0.3rem 0 0.3rem ;
		z-index: 100;
		background-color: white;
		box-shadow: 0px 0.1rem 0.2rem rgba(112, 144, 176, 0.08);
		opacity: 1;
		border-radius: 0.2rem;
		li{
			display: flex;
			flex-direction: column;
			align-items: center;
			img{
				width: 0.6rem;
				height: 0.6rem;
			}
			p{
				font-size: 0.24rem;
				color: #1E2023;
				margin-top: 0.01rem;
			}
		}
	}
}

.sayBox{
	margin: 0.72rem 0.25rem 0 0.3rem ;
	.head{
		display: flex;
		justify-content: space-between;
		align-items: center;
		.left{
			display: flex;
			align-items: center;
			.line{
				width: 0.08rem;
				height: 0.4rem;
				background: #60A7F6;
				opacity: 1;
				border-radius: 0.04rem;
			}
			.title_text{
				font-size: 0.36rem;
				font-weight: 500;
				color: #1E2023;
				margin-left: 0.08rem;
			}
		}
		.right{
			display: flex;
			.more_text{
				font-size: 0.24rem;
				color: #60A7F6;
			}
			.more_img{
				width: 0.32rem;
				height: 0.32rem;
				margin-left: 0.02rem;
			}
		}
	}
	.sayUl{
		display: flex;
		overflow-y: scroll;
		justify-content: space-between;
		.sayLi{
			display: flex;
			flex-direction: column;
			margin-right: 0.18rem;
			position: relative;
			
			img{
				width: 6.04rem;
				height: 4.3rem;
			}
			.tipBox{
				position: absolute;
				top: 1.31rem;
				left: 0.3rem;
				.tip{
					display: flex;
					align-items: center;
					img{
						width: 0.24rem;
						height: 0.24rem;
					}
					p{
						font-size: 0.24rem;
						color: #FFFFFF;
					}
				}
			}
			
			.sayTitle{
				font-size: 0.28rem;
				color: #FFFFFF;
				position: absolute;
				top: 3.33rem;
				left: 0.3rem;
			}
			.sayText{
				font-size: 0.18rem;
				color: #FFFFFF;
				position: absolute;
				top: 3.77rem;
				left: 0.3rem;
			}
		}
	}
	.dongtaiBox{
		margin-top: 0.8rem;
		.head_dt{
			display: flex;
			align-items: center;
			.dtTitle{
				font-size: 0.3rem;
				font-weight: 400;
				color: #1E2023;
				margin-right: 0.4rem;
			}
			.active{
				position: relative;
				font-weight: 600;
			}
			.active::after{
				position: absolute;
				content: '';
				left: 0.18rem;
				bottom: 0;
				width: 0.84rem;
				height: 0.08rem;
				background: #60A7F6;
				opacity: 1;
				border-radius: 0.06rem;
			}
		}
		.content_dt{
			display: flex;
			.wallUl1{
				margin-right: 0.18rem;
			}
			.wallUl1,.wallUl2{
				margin-top: 0.3rem;
				li{
					display: flex;
					flex-direction: column;
					width: 3.36rem;
					position: relative;
					margin-bottom: 0.27rem;
					.picture{
						width: 100%;
						height: 100%;
						display: block;
					}
					.countBox{
						position: absolute;
						display: flex;
						align-items: center;
						top: 4.17rem;
						left: 2.79rem;
						.icon_img{
							width: 0.28rem;
							height: 0.28rem;
						}
						span{
							font-size: 0.2rem;
							font-weight: 600;
							color: #FFFFFF;
						}
					}
					.text{
						font-size: 0.27rem;
						color: #1E2023;
						margin-top: 0.2rem;
						// width: 3.36rem;
						text-overflow:clip;
						white-space:nowrap; 
						overflow: hidden;
					}
					.foot{
						display: flex;
						justify-content: space-between;
						margin-top: 0.21rem;
						.left{
							display: flex;
							justify-content: space-between;
							align-items: center;
							.head_img{
								width: 0.3rem;
								height: 0.3rem;
							}
							.name{
								font-size: 0.2rem;
								color: #68707A;
								margin-left: 0.08rem;
							}
						}
						.right{
							display: flex;
							justify-content: space-between;
							align-items: center;
							.zan_img{
								width: 0.36rem;
								height: 0.36rem;
							}
							.zan_count{
								font-size: 0.22rem;
								color: #68707A;
								margin-left: 0.05rem;
							}
						}
					}
				}
			}
		}
		
	}
}

